<!DOCTYPE html>
<html>
    <head>
	<!-- entete de la page -->
        <meta charset="utf-8" /> 
		<!-- Sous Windows et dans notepad++ nous devons faire une modification pour bien enregistrer 
		les pages web : 
		Sous Notepad++, allez dans le menu Encodage > Encoder en UTF-8 (sans BOM) pour que votre fichier 
		soit enregistré en UTF-8 dès le début. Cela ne s'applique qu'au fichier actuellement ouvert.
		Pour ne pas avoir à le faire pour chaque nouveau fichier, je vous conseille d'aller dans le 
		menu Paramétrage > Préférences, onglet Nouveau document/Dossier. Sélectionnez UTF-8 sans 
		BOM dans la liste. 
		dixit Mathieu Nebra (M@teo21) sur le site du zero : 
		http://www.siteduzero.com/tutoriel-3-13482-structure-de-base-d-une-page-html5.html-->
        <title>Titre</title>
    </head>

    <body>
	<!-- corps de la page -->
    
	<p>L'ensemble des textes se doivent d'être dans des paragraphes</p>
	
	<p> La séparation des paragrphes est obtenus en divisant le texte en plusieurs paragraphes, logique. </p>
	
	<p> Néanmoins, il est possible de passer à la ligne <br /> au moyen d'une balise orpheline. Voila pour les paragraphes </p>
	
	<h1> Très rapidement parlons des titres</h1>
	<h2> A ne pas confondre avec le titre le da page</h2>
	<h3> Ses balises mettent du texte en avant par rapport au corps de texte</h3>
	<h3>Ce que nous rangeons dans les paragraphes</h3>
	
	<p> Autrement, pour mettre en valuer une partie de texte, il est d'usage de le placer sous <em>emphase</em>. Néanmoins, il existe une <strong>manière forte</strong> pour parler de l'importance des mots</p>
	
	<p> Le texte qui n'est pas important <mark>mais qu'il est nécessaire de faire ressortir</mark> lorsque l'on arrive sur le site est <em>marqué</em></p>
	
	<p> La première liste est mal orientée 
	<ul>
		<li>La balise principale ressemble à cul</li>
		<li>La balise principale reprente un sexe dressé</li>
		<li>Je ne devrais peut être pas en parler</li>
	</ul>
	Néanmoins, nous passons au sport :
	<ol>
		<li>Nouvelle liste avec passage du col</li>
		<li>Manque de bol</li>
		<li>L'ordre des entrées est importante</li>
	</ol>
    </body>
</html>